<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>不安全因素</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.2.0.css" />
    <style>
        ul li,
        ul li div div select,
        ul li div div input {
            font-size: 14px !important;
            ;
        }

        .aui-list-item-label {
            width: 220px !important;
            text-align: center;
        }

        .aui-list-item-input-small {
            width: 140px !important;
            position: relative;
        }

        input::-webkit-input-placeholder {
            /*Webkit browsers*/
            color: rgb(241, 11, 11);
            font-size: 16px;
        }

        input:-moz-placeholder {
            /*Mozilla Firefox 4 to 8*/
            color: rgb(241, 11, 11);
            font-size: 16px;
        }

        input::moz-placeholder {
            /*Mozilla Firefox 19+*/
            color: rgb(241, 11, 11);
            font-size: 16px;
        }

        input:-ms-input-placeholder {
            /*Internet Explorer 10+*/
            color: rgb(241, 11, 11);
            font-size: 16px;
        }

        .aui-list-item-input-small>input {
            width: 90px;
        }

        .aui-list-item-input-small>span {
            position: absolute;
            display: inline-block;
            height: 30px;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
        }

        .aui-list-item-label-width {
            width: 530px !important;
        }

        .aui-list-item-input>label {
            margin-left: 10px;
        }

        .aui-radio {
            margin-right: 10px;
        }

        .aui-radio,
        .aui-checkbox {
            width: 25px !important;
            height: 25px !important;
            margin-right: 5px;
        }

        .textarea-container {
            width: 100%;
            margin: 0 auto;
        }

        .textarea-container>div:nth-child(1) {
            text-align: center;
            font-size: 17px;
        }

        .textarea-container>div:nth-child(2) {
            padding: 10px;
        }

        .textarea-wrapper {
            min-height: 100px;
            border: 1px solid rgba(0, 0, 0, 0.3);
            width: 97%;
            margin: 20px auto 5px auto;
            border-radius: 5px;
        }

        .submit-btn-bottom {
            font-size: 16px;
            margin: 30px auto;
            text-align: center;
        }

        .submit-btn-bottom>button {
            border: none;
            outline: none;
            background-color: #0064B0;
            height: 50px;
            width: 150px;
            color: #fff;
        }
    </style>
</head>

<body>
    <main id="app">
        <div class="aui-content aui-margin-b-15">
            <div class="textarea-container">
                <div>不安全因素</div>
                <div contenteditable="true" class="textarea-wrapper" id="trUnsafe">
                </div>
            </div>
        </div>
    </main>
</body>

</html>

<script src="../script/api.js" charset="utf-8" type="text/javascript"></script>
<script src="../script/vue.js" charset="utf-8" type="text/javascript"></script>
<script src="../js/jquery.min.js" charset="utf-8" type="text/javascript"></script>
<script src="../js/ToConfigure.js" charset="utf-8" type="text/javascript"></script>
<script src="../script/aui-toast.js" charset="utf-8" type="text/javascript"></script>
<script src="../script/aui-dialog.js" charset="utf-8" type="text/javascript"></script>
<script src="../script/aui-tab.js" charset="utf-8" type="text/javascript"></script>
<script type="text/javascript">
    var vm = null;
    //定义toast提示框
    var toast = new auiToast();
    //获取ip地址
    var Url_IP = ToConfigure_IP("Gorgeous");
    apiready = function () {
        vm = new Vue({
            el: '#app',
            data: {
                AddPersonnel: false, //隐藏信息
                CabinInformation: [], //舱内人员信息
                AddingPatientInformation: [], //需要添加的人员信息
                ID: 0, //舱次Id
                LocationI: 0, //位置ID
                Url_IP: ""
            },
            created() {
                //清空舱次位置id
                api.showProgress({
                    title: '努力加载中...',
                    text: '',
                    modal: true
                });
                //查询患者信息
                getHoTreatmentRegister();
                api.hideProgress();
            },
            methods: {
            }
        })
        }
    /**
     * 查询治疗登记
     * @param currPage 当前页
     */
    function getHoTreatmentRegister() {
        //定义toast提示框
        var toast = new auiToast();
        var Url_IP = ToConfigure_IP("Gorgeous");
        var jsParms = new Object();
        /**
         * 治疗登记唯一标识
         */
        jsParms.trId = api.pageParam.F_ID;
        /**
         * 验证是否为空
         */
        if (jsParms.trId == 0 || jsParms.trId == undefined || jsParms.trId == null) {
            return;
        }

        /**
         * 请求控制器
         */
        $.ajax({
            url: Url_IP + '/businessmanagement/hotreatmentregister/getHoTreatmentRegister',
            type: 'post',
            async: false,
            contentType: "application/json",
            dataType: "json",
            data: JSON.stringify(jsParms),
            success: function (result) {
                /**
                 * 验证返回信息是否为空
                 */
                if (result.success == true) {
                    /**
                     *  循环object
                     */
                    $.each(result.data.list, function (i, o) {
                        /**
                    * 不安全因素
                    */
                        $("#trUnsafe").text(o.trUnsafe);
                    })

                } else {
                }
            },
            error: function (result) {
            }
        });
    }
</script>